<!doctype html>
<html lang="zh-hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/main.css">    
<script src="lib/jquery-2.1.1.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<title>top</title>
</head>
<body>


<div class="bs-example" data-example-id="simple-table">
<table class="table" id="client-table">

<thead>
<tr>
<th style="width:30px"></th>
<th>姓名</th>
<th>区域</th>
<th>分类</th>
<th style="width:90px">达成期限</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><img class="home" src="images/recommend.png"></th>
<td>刘德华</td>
<td>成华区</td>
<td><img class="home" src="images/star.png"></td>
<td>
<!--进度条 百分比代表进度-->
<div class="progress jdt"> <div class="progress-bar" role="progressbar" 
aria-valuemin="0" aria-valuemax="100" style="width:3%;"></div></div>
</td>
</tr>
<tr>
<th scope="row"></th>
<td>Jacob</td>
<td>锦江区</td>
<td><img class="home" src="images/moon.png"><img class="home" src="images/time.png"></td>
<td>
<div class="progress jdt"> <div class="progress-bar" role="progressbar" 
aria-valuemin="0" aria-valuemax="100" style="width:25%;"></div></div>
</td>
</tr>
<tr>
<th scope="row"><img class="home" src="images/deal.png"></th>
<td>Mark</td>
<td>金牛区</td>
<td><img class="home" src="images/sun.png"></td>
<td>
<!--如果过期即为负数 或者没有设置则为空 默认按照达成期限来倒序排列  -->
</td>
</tr>
</tbody>
</table>
</div><!-- /example -->

	
<!--进度条				
<div class="progress"><div class="progress-bar" role="progressbar" 
aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:60%;">
</div></div>-->			

</body>
</html>